<template>
  <div class="lis-jcsj-zkbz z-row">
    <zkxm-tree @sure="treeClick" :mc="mc" />
    <component :is="coms[comName]" :data="treeNode" :edit="isEdit" />
  </div>
</template>
<script lang="ts" setup>
import { use } from './use'
import { zkbzProps } from './prop'
import zkxmTree from '@coms/zkxm-tree/index.vue'
defineOptions({
  name: 'lis-jcsj-zkbz'
})
defineProps(zkbzProps)
const { treeClick, comName, treeNode, isEdit } = use()
</script>
<style lang="scss">
.lis-jcsj-zkbz {
  > .el-tree {
    max-width: 20em;
    padding-right: 0.08rem;
    height: 100%;
    overflow: auto;
    border-right: 1px solid var(--color-border-1);
    margin-right: 0.08rem;
  }
  .right {
    height: 100%;
  }
  .content {
    width: 100%;
    padding-top: 0.08rem;
  }
}
</style>
